<!DOCTYPE html>
<html lang="en" ng-app="loginApp" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>TERM-后台管理系统</title>
    <link th:href="@{/static/images/term.ico}" th:mce_href="images/tab_icon.ico" rel="icon" type="image/x-icon"/>
    <link rel="stylesheet" th:href="@{/static/css/main_a340c41.css}" />
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"/>
    <style>
        .title {
            text-align: center;
            width: 354px;
            margin: -2% auto 24px;
            font-size: 36px;
        }
        .glyphicon {
            font-weight: 700;
        }
    </style>
</head>
<body style="display:table;">
    <div class="login" ng-controller="loginController">
        <div class="loginimg">
            <img th:src="@{/static/images/term.ico}"/>
        </div>

        <div class="title">TERM-后台管理系统</div>

        <div th:if="${errorInfo}!=null" class="login_error" th:text="${errorInfo}"/>

        <div class="login_content">
            <form th:action="@{/login}" method="post">
                <!--<div>用户名</div>-->
                <span class="glyphicon glyphicon-user" style="color: rgb(54, 50, 62); font-size: 15px;">用户名</span>
                <div><input type="text" name="username" ng-model="usr.jobNo"/></div>
                <!--<div>密码</div>-->
                <span class="glyphicon glyphicon-lock" style="color: rgb(54, 50, 62); font-size: 15px;">密码</span>
                <div><input type="password" name="password" ng-model="usr.password"/></div>
                <button type="submit">登&nbsp;&nbsp;&nbsp;&nbsp;录</button>
                <input type="hidden" name="rememberMe" ng-value="usr.rememberMe"/>
            </form>
        </div>
        <div class="login_footer">
            <input type="checkbox" ng-click='checkboxClick()' name="rememberMe"/>
            <span>保持登录状态</span>
            <a href="/findpass" target="_parent">忘记密码？</a>
        </div>
    </div>
<script type="text/javascript" src="/static/lib/jquery-1.11.1.min.js"></script>
<script type="text/javascript"  th:src="@{/static/lib/angular.min.js}"></script>
<script type="text/javascript" th:src="@{/static/lib/bootstrap.min.js}"></script>
</body>
<script type="text/javascript">
    var loginApp = angular.module('loginApp',[]);
    loginApp.controller('loginController',['$scope','$http',function($scope,$http){
        $scope.usr = { jobNo : '', password : '', rememberMe : false}
        $scope.msgStatus = false;
        $scope.msg = '';
        $scope.disabled = false;
        $scope.checkboxClick = function(){
            $scope.usr.rememberMe = !$scope.usr.rememberMe;
        }
    }])
</script>
</html>